<template>
	<view class="rows padding20-30" 
	     :style="{'--bgcolor':pageData.bgColor,'--color':color,backgroundColor:pageData.bgColor}" >
		<view class="search d-flex a-center p-re bor_d6" :class="[pageData.shape ==1?'shape1':'shape2',{'shadow':pageData.shadow==1}]" @click="$pop.toSearch">
			<view class="row a-center height" :class="{'j-centert':pageData.textAlign == 'center'}">
				<view class="iconfont icon-sousuokuang color_70 h6"></view>
				<text class="m-left10 color_99 h6 bold300">请输入内容搜索</text>
			</view>
			
		</view>
	</view>
</template>

<script>
	import {mapState} from 'vuex';
	export default {
		name:'searchBor',
		props:['pageData'],
		data() {
			return {
				
			}
		},
		methods: {
		
			
		},
		computed:{
			...mapState(['color']),
		}
	}
</script>

<style lang="scss" scoped>
 .search{
	 width:100%;
	 height: 88rpx;
	 background-color: #ffffff;
	 padding:0 10rpx 0 30rpx;
	 overflow: hidden;
 }
 .shape1{
	 border-radius: 10rpx;
 }
 .shape2{
	  border-radius: 44rpx;
 }
 .searchBtn{
	 width:140rpx;
	 height: 72rpx;
	 background-color: var(--color);
	 border-radius: 36rpx;
 }
 .shadow {
 	box-shadow: 0 2px 4px rgba(0,0,0,.06);
 }
</style>
